<template>
    <div class="main-container">
    <div style="background-color: #fff;height:100%;"> 
            <a-tabs   :lazy-load="true" type="card"   @change="tabsChange" justify>
                    <a-tab-pane title="仓库类型" key="1">
                            <div style="height: 100%;">
                                <WarehouseCategory></WarehouseCategory>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="仓库" key="2">
                            <div style="height: 100%;">
                                <WarehouseSettings></WarehouseSettings>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="布笼信息" key="3">
                            <div style="height: 100%;">
                               <AstorageShelf></AstorageShelf>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="入库类型列表" key="4">
                            <div style="height: 100%;">
                               <InboundType></InboundType>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="出库类型列表" key="5">
                            <div style="height: 100%;">
                               <OutboundType></OutboundType>
                            </div>
                    </a-tab-pane>
                    <!-- <a-tab-pane title="仓库包装盒" key="6">
                            <div style="height: 100%;">
                               <PackagingManagement></PackagingManagement>
                            </div>
                    </a-tab-pane> -->
                    <!-- <a-tab-pane title="仓库字段管理" key="7">
                            <div style="height: 100%;">
                               <WarehouseFieldManagement></WarehouseFieldManagement>
                            </div>
                    </a-tab-pane> -->
                    <a-tab-pane title="仓库区域" key="8">
                            <div style="height: 100%;">
                               <WarehouseAreademo></WarehouseAreademo>
                            </div>
                    </a-tab-pane>
                    <a-tab-pane title="审核管理" key="9">
                            <div style="height: 100%;">
                               <AuditManagement></AuditManagement>
                            </div>
                    </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>

<script lang="ts">
    import { defineComponent,reactive, ref } from 'vue'
    import emitter from '@/hooks/useEventBus'
    import InboundType from '@/components/warehousesettings/basicdatasettings2/InboundType.vue'
    import OutboundType from "@/components/warehousesettings/basicdatasettings2/OutboundType.vue"
    import WarehouseSettings from '@/components/warehousesettings/basicdatasettings2/WarehouseSettings.vue'
    import WarehouseCategory from '@/components/warehousesettings/basicdatasettings2/WarehouseCategory.vue'
    import AstorageShelf from '@/components/warehousesettings/basicdatasettings2/AstorageShelf.vue'
    import WarehouseAreademo from '@/components/warehousesettings/basicdatasettings2/WarehouseAreademo.vue'
    import AuditManagement from '@/components/warehousesettings/basicdatasettings2/AuditManagement.vue'
   export default defineComponent({
       name:'BaseInfoSetting',
       components:{
        InboundType,
        OutboundType,
        WarehouseSettings,
        WarehouseCategory,
        AstorageShelf,
        WarehouseAreademo,
        AuditManagement,
       },
       setup(){
     
       const pageData = reactive({
            tableIndex:"1"
       })

  
       const tabsChange = (e: string | number) => {
                emitter.emit('window-change')

            }
        return{
            pageData,
            tabsChange
        }
       }
   })
</script>

<style lang="less" scoped>
.main-container{
    height:100%
}
</style>